<!DOCTYPE html>
<html lang="en">

<head>
  <!-- 设置文档字符编码为UTF-8 -->
  <meta charset="UTF-8">
  <!-- 设置视口宽度为设备宽度，初始缩放比例为1 -->
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <!-- 设置文档标题 -->
  <title>Document</title>
</head>

<body>
  <!-- 创建一个表单 -->
  <form action="">
    <!-- 文本输入框，用于输入用户名 -->
    <input type="text" name="username" placeholder="用户名">
    <!-- 密码输入框 -->
    <input type="password" name="password" placeholder="密码">
    <!-- 登录按钮 -->
    <input type="submit" value="登录">
    <!-- 重置按钮，用于清空表单 -->
    <input type="reset" value="重置">
    <!-- 普通按钮 -->
    <input type="button" value="按钮">
    <!-- 复选框 -->
    <input type="checkbox" name="checkbox" value="1">复选框</input>
    <!-- 单选框 -->
    <input type="radio" name="radio" value="1">单选框</input>
    <!-- 文件选择框 -->
    <input type="file" name="" id="">
    <!-- 日期选择框 -->
    <input type="date" name="" id="">
    <!-- 本地日期时间选择框 -->
    <input type="datetime-local" name="" id="">
    <!-- 邮箱验证输入框 -->
    <input type="email" name="" id="">
    <!-- 数字输入框 -->
    <input type="number" name="" id="">
    <!-- 范围选择器 -->
    <input type="range" name="" id="">
    <!-- 搜索框 -->
    <input type="search" name="" id="">
    <!-- 电话号码输入框 -->
    <input type="tel" name="" id="">
    <!-- URL输入框 -->
    <input type="url" name="" id="">
    <!-- 周选择框 -->
    <input type="week" name="" id="">
    <!-- 月选择框 -->
    <input type="month" name="" id="">
    <!-- 时间选择框 -->
    <input type="time" name="" id="">
    <!-- 图片按钮 -->
    <input type="image" src="./img/0.gif" alt="">
    <!-- 隐藏输入框 -->
    <input type="hidden" name="" id="">
    <!-- 颜色选择器 -->
    <input type="color" name="" id="">
    <!-- 下拉选择框 -->
    <select name="" id="">
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
    </select>

    <!-- 多行文本输入框 -->
    <textarea name="" id="" cols="30" rows="10"></textarea>
  </form>
  <!-- 提交按钮 -->
  <button type="submit">提交</button>
  <!-- 重置按钮 -->
  <button type="reset">重置</button>


</body>

</html>